<!DOCTYPE html>
<html>

	<head>
		<title>租赁服务</title>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<link rel="stylesheet" href="//cdn.bootcss.com/weui/1.1.1/style/weui.min.css">
		<link rel="stylesheet" href="//cdn.bootcss.com/jquery-weui/1.0.1/css/jquery-weui.min.css">

		<link rel="stylesheet" href="{:_SKIN}/weixin/shop/css/style.css">
		<style type="text/css">
			.caicai {
				position: relative;
				width: 100%;
			}
			
			.cai-img {
				position: absolute;
				top: -3px;
			}
			
			.caicai-div {
				background-color: #FFFFFF;
				
				padding: 5px 30px;
				margin: 0 auto;
				font-size: 15px;
			}
			
			.caicai-div div {
				height: 34px;
				line-height: 34px;
			}
			.bian{
				border-bottom: 1px solid #eeeeee;
			}
			.hong {
				color: #d50202;
			}
			.weui-media-box{
				padding: 2px 10px;
			}
		</style>
	</head>

	<body ontouchstart>

		<!--顶部搜索-->
		<header class='weui-header fixed-top'>
			<div class="shop-0">
				<div class="xw_90">
					<a href="javascript:history.go(-1)">
						<img src="{:_SKIN}/weixin/shop/img/fanhui.png" class="zuo mt_15" width="12px" height="20px">
					</a>
					<h3 class="neilian">租赁服务</h3>
					<a href="index.html">
						<img src="{:_SKIN}/weixin/shop/img/shouye-bai.png" class="you mt_15" width="20px" height="20px">
					</a>
				</div>
			</div>
			<div class="weui-search-bar" id="searchBar">
				<form class="weui-search-bar__form">
					<div class="weui-search-bar__box">
						<i class="weui-icon-search"></i>
						<input type="search" class="weui-search-bar__input" id="searchInput" placeholder="请输入关键字" required="">
						<a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
					</div>
					<label class="weui-search-bar__label" id="searchText">
						<i class="weui-icon-search"></i>
						<span>请输入关键字</span>
					</label>
				</form>
				<a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
			</div>
			<!--<div class="pro-sort">
				<div class="weui-flex">
					<div class="weui-flex__item">
						<div class="placeholder SortAscCss" onclick="$('#c1').click()">全部分类</div>
						<input type="hidden" id="c1">
					</div>
					<div class="weui-flex__item">
						<div class="placeholder SortAscCss">全部分类</div>
						<input type="hidden" id="c2">
					</div>
					<div class="weui-flex__item">
						<div class="placeholder SortDescCss">全部分类</div>
						<input type="hidden" id="c3">
					</div>
				</div>
			</div>-->
		</header>
		<!--主体-->
		<div class="weui-content" style="padding-top:140px;background-color: #eee;padding: 0 5px">
			
			<div id="list" class='demos-content-padded proListWrap'>

				{volist name="list" id="v"}
				<div class="pro-items" style="border-radius: 6px;">
					<a href="{:url('lease',['id'=>$v['ID']])}" class="weui-media-box weui-media-box_appmsg">
						<div class="caicai">
							<img src="{:_SKIN}/weixin/shop/pic/zl.png" width="23" class="cai-img" />
							<div class="caicai-div">
								<div class="bian">
									<em class="font-16">{$v.Title}</em>
									<div class="you">

										<span class="hui font-12 mt-zuo_5">发布日期：{:date('Y-m-d',strtotime($v['CreateTime']))}</span>

									</div>
								</div>
								<div >
									<span class="hong">¥{$v.LeaseAmount}元 / {$v.LeaseDateNum} 天</span>  <span class="hui" style="float: right;font-size: 14px;">发布地区：{$v.LeaseProvince}</span>
								</div>


							</div>
						</div>
					</a>
				</div>
				{/volist}

			</div>
			

		</div>
		<script src="//cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
		<script src="//cdn.bootcss.com/jquery-weui/1.0.1/js/jquery-weui.min.js"></script>
	<script>
        $("#c1").select({
            title: "选择手机",
            items: [
                {
                    title: "iPhone 3GS",
                    value: "001",
                },
                {
                    title: "iPhone 5",
                    value: "002",
                },
                {
                    title: "iPhone 5S",
                    value: "003",
                },
                {
                    title: "iPhone 6",
                    value: "004",
                },
                {
                    title: "iPhone 6S",
                    value: "005",
                },
                {
                    title: "iPhone 6P",
                    value: "006",
                },
                {
                    title: "iPhone 6SP",
                    value: "007",
                },
                {
                    title: "iPhone SE",
                    value: "008",
                },
                {
                    title: "iPhone 7",
                    value: "009"
                }
            ]
        });
	</script>
		
	</body>

</html>